<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!Se Modifica la pagina de incio de la aplicacion>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PsychoProyect</title>
<style type="text/css">
#apDiv1 {
	position: absolute;
	left: 1128px;
	top: 16px;
	width: 80px;
	height: 50px;
	z-index: 1;
	font-weight: bold;
}
body,td,th {
	font-family: "Comic Sans MS", cursive;
	color: #FFF;
}
#apDiv1 #login {
	font-weight: bold;
	font-size: 24px;
}
#apDiv2 {
	position: absolute;
	left: 23px;
	top: 639px;
	width: 327px;
	height: 136px;
	z-index: 2;
	color: #FFF;
	font-size: 27px;
}
#apDiv3 {
	position: absolute;
	left: 27px;
	top: 609px;
	width: 214px;
	height: 31px;
	z-index: 3;
	font-size: 24px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#apDiv2 p {
        position: absolute;
	left: 190px;
	top: 15px;
	width: 400px;
	height: 31px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
}
#apDiv4 {
	position: absolute;
	left: 925px;
	top: 49px;
	width: 176px;
	height: 187px;
	z-index: 3;
}
</style>
<link href="${resource(dir: 'css', file: 'SpryAccordion.css')}" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv5 {
	position: absolute;
	left: 1230px;
	top: 45px;
	width: 184px;
	height: 163px;
	z-index: 4;
}
</style>

<link href="${resource(dir: 'css', file: 'SpryCollapsiblePanel.css')}" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	background-color: #06C;
}
#apDiv6 {
	position: absolute;
	left: 1096px;
	top: 215px;
	width: 66px;
	height: 16px;
	z-index: 5;
}
</style>

 <!--<script src="${resource(dir: 'js', file: 'SpryAccordion.js')}" type="text/javascript"></script>
<script src="${resource(dir: 'js', file: 'SpryCollapsiblePanel.js')}" type="text/javascript"></script> -->
</head>

<body background="${resource(dir: 'images', file: 'fondo.jpg')}">
<div id="apDiv2">
  <p>Bienvenido, inicie la aplicacion con su usuario.</p>
</div>
<div id="apDiv5">
  
  <!--<div id="CollapsiblePanel1" class="CollapsiblePanel">
    <div class="CollapsiblePanelTab" tabindex="0">Login</div>-->
   <!-- <div class="CollapsiblePanelContent"> -->
    	 <!--<form id="form1" name="form1" method="post" action="">
        <!--  <p>User
            <input type="text" name="userName" id="userName" />
          </p>
          <p>Password 
  <input type="text" name="password" id="password" /> <!Desactivados temporalmente por problema de conexion con la base de Security>
          </p> -->
          <!Link a la clase Security para identificacion>
          <p><g:link controller="Security" ><img src="${resource(dir: 'images', file: 'boton.jpg')}" width="70" height="28" alt="Sing in" /></g:link></p>
   	  </form>
    </div>
  </div>
</div>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
</script>
</body>
</html>